1 Add the dock

  1. In OBS open the Docks menu (in some versions it is under View, then Docks) and choose Custom Browser Docks.
  2. Type My Broadcast Dock in Dock Name.
  3. Paste this in URL:
http://absolute/C:/My-Broadcast-Package/controller.html
  1. Press Apply and close the window. Drag the dock where you want it.
  2. Click through a few scenes. The top of the dock should say how many screens are open.

The address above is the easy way. A plain path to controller.html works too, like C:\Users\You\Desktop\My-Broadcast-Package\controller.html (leave out any " marks): when the dock opens inside OBS it moves itself to the right address, so it shares its settings with the screens.

2 Link the dock to OBS (optional)

This gives the dock scene buttons, and it sends every change to the screens through OBS too, so they always follow the dock.

  1. In OBS open Tools, WebSocket Server Settings. Tick Enable WebSocket server and press Apply.
  2. Press Show Connect Info and copy the Server Password.
    Streamer safety: the Show Connect Info window shows your IP address, your password and a QR code. Never open it while you are live or recording, and if you use Display Capture, close it before you go live. If it was ever on stream, press Generate Password in the same window and link the dock again. Keep the address as ws://127.0.0.1:4455 and never open port 4455 on your router.
  3. In the dock open OBS LINK AND SETUP at the bottom, paste the password and press Link OBS. The chip at the top turns to OBS linked.

The dock remembers it and links again by itself next time.